<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="/index.css">
</head>

<body>
  <!-- 聊天框区域 -->
  <div class="liaotianbody">
    <!-- 输入框 -->
    <div class="shurubox">
      <textarea id="text" name="" id="" cols="55" rows="10"></textarea>
    </div>
    <div id="text-content" class="clearfix" style="padding-bottom: 150px;">
    </div>
  </div>


  <!-- 引入文件用来连接服务器 -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
  <script src="/index.js"></script>
</body>
  <script>
    // <div class="clearfix">
    //     <!-- 收到的信息 -->
    //     <div class="shou l">
    //       <div class="toux clearfix l">
    //         <img src="/30kb.gif" width="50" height="50" alt="">
    //       </div>
    //       <div class="content l">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
    //     </div>
    //   </div>
    //   <!-- 发送的信息 -->
    //   <div class="clearfix">
    //     <!-- 收到的信息 -->
    //     <div class="shou r">
    //       <div class="toux clearfix r">
    //         <img src="/30kb.gif" width="50" height="50" alt="">
    //       </div>
    //       <div class="content r">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div>
    //     </div>
    //   </div>
  </script>
</html>